Page({
 
  data: {
    dialogVisible: false,
    list: [],
    isFirstLoad: true
  },
  onShow() {
    this.getList()
  },
  // 获取列表详情页
  async getList() {
    const res = await wx.http.get('/room')
    console.log(res);
    this.setData({
      list: res.data,
      isFirstLoad: false
    })
    
  },
  async swipeClose(e) {
    // instance 滑动单元格实例
    const { position, instance } = e.detail

    if (position === 'right') {
      // 默认的显示 Dialog 对话框（比较方便）
      /*  this.setData({
        dialogVisible: true,
      }) */
      // 自定义模态显示框的内容
      const res = await wx.showModal({
        content: "你确定要删除记录吗",
        showCancel: true,
        cancelText: "取消",
        cancelColor: "#999",
        confirmText: "删除",
        confirmColor: "#5591af"
      })
      console.log(res);
      // swiper-cell 滑块关闭
      instance.close()
      if (res.confirm) {
        // 如果确定点击了确定删除的按钮，就发送请求删除数据
        const res1 =await wx.http.delete(`/room/${e.mark.id}`)
        console.log(res1);
        // 删除数据后两种刷新界面的方法
         // 1.重新发送一个请求用来获取数据，并重新进行渲染
         // 2.前端乐观UI更新，直接操作数据
         this.setData({
           list: this.data.list.filter((item) => item.id !== e.mark.id)
         })
      }
    }
  },

  goDetail(e) {
    wx.navigateTo({
      url: '/house_pkg/pages/detail/index?id=' + e.mark.id,
    })
  },

  addHouse() {
    wx.navigateTo({
      url: '/house_pkg/pages/locate/index',
    })
  },
})
